<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>作业1</title>
<!--    1. 表头行单元格使用 th 标签实现，其他数据行使用 td 标签实现
2. 操作列中的 修改 和  删除 需要使用 <input type="button"> 来实现

==注意：==样式在给的素材【页面】已经提供，只需要在 body 中写出对应的标签即可
-->

<!--    表边框-->
<!--    <table border="1px" cellspacing="0px" width="50%">-->
    <style>

        th,td {
            border-bottom: 1px #C0C0C0 solid;
            height: 40px;
            font-family: 楷体;
            width: 200px;
            text-align: center;
        }
        td input[type] {
            width: 80px;
            height: 30px;
        }

        th {
            background-color: #DEE3E6;
        }

        td {
            background-color: #F5F5F5;
        }

        td img {
            width: 50px;
            height: 50px;
        }

    </style>
    </table>
</head>

<body>
<!--表格内容-->
<table>
<!--    第一行-->
    <tr>
        <th>编号</th>
        <th>图像</th>
        <th>姓名</th>
        <th>地址</th>
        <th>操作</th>
    </tr>
    <tr>
        <td>1</td>
        <td>
            <img src="img/autor.jpg">
        </td>
        <td>张三</td>
        <td>西安</td>
        <td>
            <input type="button" value="修改">
            <input type="button" value="删除">
        </td>
    </tr>

    <tr>
        <td>2</td>
        <td>
            <img src="img/autor2.jpg">
        </td>
        <td>李四</td>
        <td>武汉</td>
        <td>
            <input type="button" value="修改">
            <input type="button" value="删除">
        </td>
    </tr>
    <tr>
        <td>3</td>
        <td>
            <img src="img/autor3.jpg">
        </td>
        <td>王五</td>
        <td>北京</td>
        <td>
            <input type="button" value="修改">
            <input type="button" value="删除">
        </td>
    </tr>
    <tr>
        <td>4</td>
        <td>
            <img src="img/autor.jpg">
        </td>
        <td>赵六</td>
        <td>上海</td>
        <td>
            <input type="button" value="修改">
            <input type="button" value="删除">
        </td>
    </tr>
    <tr>
        <td>5</td>
        <td>
            <img src="img/autor2.jpg">
        </td>
        <td>田七</td>
        <td>深圳</td>
        <td>
            <input type="button" value="修改">
            <input type="button" value="删除">
        </td>
    </tr>

    </table>






</body>
</html>